import styled from 'styled-components'

export const PaginationWrapper = styled.div`
  display: flex;
  justify-content: center;

  .info {
    display: flex;
    flex-direction: column;
    align-items: center;

    /* 修改 AntDesign 的默认样式 */
    .ant-pagination-item {
      border-radius: 50%;
      margin-inline-end: 12px;

      &.ant-pagination-item-active {
        background: #222;
        border-color: currentcolor;

        > a {
          color: #fff;
        }
      }
    }

    .desc {
      margin-top: 16px;
      color: #222;
    }
  }
`
